// vue2 如何全局组件注册
// Vue.component('组件名称',组件配置项(可以是一个对象 也可以是一个由.vue文件产出的组件对象))

/**
 Vue.component('Button', {
  data () {},
  computed: {

  }
})

import Button from 'xxx'
Vue.component('Button', Button)
*/

// vue2 如何注册插件
// Vue.use(插件的引用)

// 插件有俩种定义方法

// plugin1
// const plugin1 = {
//   install (Vue) {
//     // Vue
//     Vue.component()
//     Vue.prototype.$http = function () {}
//   }
// }

// Vue.use(plugin1) // 自动执行插件的install方法 并且把构造函数Vue当成实参传入到install方法中

// // plugin2

// function plugin2 (Vue) {
//   Vue.component()
//   Vue.prototype.$http = function () {}
// }

// Vue.use(plugin2) // plugin2会被当成install方法自动执行 并且会传入Vue

// 1.以.vue文件的方式全局注册  2.定义个插件 在插件中把所有需要全局化的组件放到一起维护统一注册

import Skeleton from './Skeleton'
import Slider from './Slider'
import More from './More'
// 定义插件
export default {
  install (app) {
    // 所有需要注册为全局可用的都在这里调用即可
    app.component(Skeleton.name, Skeleton)
    app.component(Slider.name, Slider)
    app.component(More.name, More)
  }
}
